<!-- 主页 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <title>《原神》</title>
    <link rel="stylesheet" href="style/common.css">
    <link rel="stylesheet" href="style/style.css">
</head>

<body>
    <div class="main">
        <div class="header">
            <div class="top">
                <img id="audio_c" src="images/audio-on.png" alt="" width="30px"
                    style=" vertical-align: top; transform: translateY(25px); cursor: pointer;z-index: 500;">
                <div class="logo"></div>
                <div class="top_nav"><a class="active" href="index.html">首页</a><a href="html/news.html">新闻</a><a href="html/character.html">角色</a><a href="html/world.html">世界</a><a
                        href="html/cartoon.html">漫画</a><a href="html/video.html">视频</a>
                </div>
            </div>
            <div class="banner">
                <div class="banner_item"></div>
                <div class="banner_item"></div>
                <div class="banner_item"></div>
                <div class="banner_item"></div>
                <div class="banner_item"></div>
                <div class="banner_item"></div>
                <div class="banner_item"></div>
            </div>
            <span class="prev"></span>
            <span class="next"></span>
        </div>
        <div class="container">
            <div class="content">
                <div class="download">
                    <span>PC下载</span>
                    <span>安卓下载</span>
                </div>
                <div class="news">
                    最新消息
                    <ul>
                        <li><a href="">原神同人周边大陆地区正式指引V1.0</a>
                        </li>
                        <li><a href="">《原神》「剑光如我 斩尽芜杂」刻晴·霆霓快雨主题机械键盘即将贩售</a>
                        </li>
                        <li><a href="">《原神》「精通移涌」活动即将开启</a>
                        </li>
                        <li><a href="">《原神》1.6版本「盛夏！海岛？大冒险！」特别节目——蒙德茶会SP</a>
                        </li>
                        <li><a href="">《原神》1.6版本「盛夏！海岛？大冒险！」特别节目——蒙德茶会SP 回顾长图</a>
                        </li>
                        <li><a href="">《原神》1.6版本PV：「盛夏！海岛？大冒险！」</a>
                        </li>
                        <li><a href="">《原神》「风行迷踪」趣味视频征集活动结果揭晓</a>
                        </li>
                        <li><a href="">《原神》1.6版本「尘歌壶」系统更新速递：「入驻」玩法</a>
                        </li>
                        <li><a href="">提瓦特美食札记 | “派蒙的生日到啦！ ”——派蒙生日快乐！</a>
                        </li>
                        <li><a href="">派蒙生日快乐｜原来在生日这天，许下的愿望真的会实现！</a>
                        </li>
                        <li><a href="">《原神》「周边上新」好物贩售</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="city_list">
                <div class="city_box">
                    <a class="city1">
                        <div class="city1p"></div>
                    </a>
                </div>
                <div class="city_box">
                    <a class="city2">
                        <div class="city2p"></div>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer_box">
                <span class="img_box">
                    <img src="images/mihoyo.json" alt="" height="50px">
                    <img src="images/logo.png" alt="" height="50px">
                </span>
                <pre>
                健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。
                沪公网安备31010402001113号|增值电信业务经营许可证：沪B2-20190555
                沪ICP备19018275号-4 | 沪网文〔2019〕3168-216号 | 国新出审【2019】2978号
                互联网违法不良信息举报邮箱: tousu@mihoyo.com 互联网违法不良信息举报电话: 021-34203135 （工作时间：每天10点 - 20点）
                亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
                © 2020 米哈游版权所有</pre>
            </div>
        </div>
    </div>
    <audio id="audio" autoplay="autoplay" preload="preload" loop="loop" src="audio/music.flac">您的浏览器不支持 audio 标签。</audio>
    <script src="javascript/index.js"></script>
</body>

</html>